/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  theme: {
    extend: {
      animation: {
        'bounce-once': 'bounce 1s cubic-bezier(0.8, 0, 1, 1) 2',
      },
      keyframes: {
        bounce: {
          '0%, 100%': {
            transform: 'translateY(0)',
          },
          '50%': {
            transform: 'translateY(-25%)',
          },
          '75%': {
            transform: 'translateY(-10%)',
          },
        },
      },
    },
  },
  plugins: [],
  variants: {
    extend: {
      ringWidth: ['focus'],
      ringColor: ['focus'],
      ringOffsetWidth: ['focus'],
      borderColor: ['focus'],
      ringOffsetColor: ['focus'],
    },
  },
}
